<template>
  <div id="app" style="display: flex;">
    <!-- 左侧列表 -->
    <div style="width: 100px; border-right: 1px solid #ccc; padding: 10px;">
      <ul>
        <li v-for="num in numbers" :key="num">
          <router-link :to="`/item/${num}`">Item {{ num }}</router-link>
        </li>
      </ul>
    </div>
    <!-- 中间内容 -->
    <div style="flex: 1; padding: 10px;">
      <router-view />
    </div>
  </div>
</template>

<script>
export default {
  name: "App",
  data() {
    return {
      numbers: [1, 2, 3, 4, 5],
    };
  },
};
</script>
